body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    overflow: hidden;
}

b{font-size: 110%;}
em{color: red;}

.column {


}


#topsection{
    background: #EAEAEA;
    height: 90px; /*Height of top section*/
}

#topsection h1{
    margin: 0;
    padding-top: 15px;
}

#contentwrapper{
    float: right;
    width: 100%;
    margin-left: -400px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
    background-color: white;
}

#topicPlaylist{
  float: right;
  background-color: #D8DFEA;
}

#contentcolumn{
    margin-left: 400px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
}

#leftcolumn{
    float: left;
    width: 150px; /*Width of left column in pixels*/
    background: #E1E1E1;

}

#rightcolumn{
    float: left;
    width: 250px; /*Width of right column in pixels*/
    background: #EEEEEE;


    -moz-box-shadow: 1px  0px 5px #CCCCCC;
    -webkit-box-shadow: 1px  0px 5px #CCCCCC;
    box-shadow: 1px  0px 5px #CCCCCC;
    z-index: 2;/* to handle the scroll of the topicList arrow */
}

#footer{
    clear: both;
    width: 100%;
    background: #3B5998;
    color: #FFF;
    text-align: center;
    padding: 4px 0;
    z-index: 2; /* to handle the scroll of the topicList arrow */
    position: relative;
}

#footer a{
    color: #FFFF80;
}

.innertube{
   
    margin-top: 0;
    overflow-y:auto;
    
}

.mainLogo {
    padding-left: 20px;
}

.mainLink {
    margin-left: 10px;
}

.dashboardLink{
    margin-top: 30px;

}

.leftHeader {
    color: #6D84B4;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-top: 20px;
}

.spaceName {
    margin-left: 20px;
    border-top: 1px solid #AFBDD4;
    margin-right: 20px;
    margin-top: 3px;
}

.selectedSpaceName {
    font-weight: bold;
}

.selectedSpace a {
    margin-left: 30px;
}

.leftListItem a:hover {
    background:none;
}

.leftListItem a:hover {
    color: #009;
}

.selectedSpace p {
    margin-left: 20px;
    font-weight:bold;
    margin-bottom: 3px;
}

.selectedSpaceFilter {
    position:relative;
    height: 20px;
    background-color: #AFBDD4;
    color: white;

}
.selectedSpaceFilter:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 10px solid transparent;
	border-left: 8px solid #AFBDD4;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 100%;
	z-index: 2000;
}

.topicListItemSelected {
    background-color: #AFBDD4;
}

.arrow {
    display: none;
    position: absolute;
    background-color:#AFBDD4;
    height: 21px;
    width: 20px;
    z-index: 1;
}

.arrow:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent; /* Go big on the size, and let overflow hide */
	border-bottom: 10px solid transparent;
	border-left: 8px solid #AFBDD4;
    position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 101%;
	z-index: 1;
}

.topicIcon {
   margin-right:5px;
    position: relative;
   top: 4px;
    width: 16px;
    height: 16px;
}

.topicList {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    overflow-y:scroll;
    overflow-x:hidden;

    -webkit-user-select:none;
    -moz-user-select:none;
    
}

.topicListItem {
    cursor: pointer;
    word-wrap:normal;
    white-space:nowrap;
    padding-left:14px;
}

.topicListItem .ui-icon {
    cursor: pointer;
}
.topicFilter {
    cursor: auto;

}

.topicListItemHover {
    background-color: #D8DFEA
}


.topicListFolder .ui-icon {
    display: inline-block !important;
    float:left;
}
.topicListFolder .topicCount {
    display: inline;
    float: right;
    margin-right: 4px;
    margin-left: 1px;
    margin-top: 3px;
    color: #999999;
    font-size: 9px;
}

.topicListItem .topicName {
    width: 70%;
    overflow-x: hidden;
    display: inline-block !important;
    word-wrap:break-word;
    font-size: 11px;
    text-overflow: ellipsis;
}

.orphan {
    font-weight: bold;
}


.breadCrumbFilter {
    height: 50px;
    margin-bottom: 30px;
    z-index: 2;
}

.breadCrumbFilter .crumb {
    font-size: 10px;

    display: inline-block !important;
    margin-right: 3px;
    margin-top: 2px;


}

.breadCrumbFilter .crumbText {
    display: none;
    border: 1px solid #AAAAAA;
    background-color: #FEFEFE;
    padding: 0 4px 2px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
}

.breadCrumbFilter a.close {
    color: #777;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 2px 1px 2px 3px;
    text-decoration: none;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-sarif;
}

.breadCrumbFilter a.close:hover {
    background-color: #888888;
    color: white;
}

.topicListActions {
    height: 26px;
    border-bottom: 1px solid #DDDDDD;

}

.topicListAction {
    height: 20px;
    color: #009;
    line-height: 20px;
    padding: 2px 7px 5px 7px;
    border-right: 1px solid #DDDDDD;
    float: left;
}

.topicListAction a:hover {
    background: none;
}

.topicListActionHover {
    background-color: #D8DFEA;
    cursor:pointer;
 
}

#mainSearch {
    width: 136px;
    margin-left: 7px;
    margin-top: 0px;
    position: relative;
        z-index: 3;/* to handle the scroll of the topicList arrow */
        border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
}

.searchResult {
    font-weight: bolder;
}

.searchImage {
    height: 25px;
    width: 25px;
    float:right;
}

.searchDB {
    font-size: 8px;
    margin-left: 2px;
    color: #AAAAAA;
}


.mainTopicImage {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

#Wiki {
    min-height: 20px;
    margin-top: 28px;
    
}

.wikiHover {
    background-color: #FCFCFC;
}

.textTeaser{

    width: 50px;
    padding-bottom: 3px;
    line-height: 20px;
    height: 20px;
    display:none;
    position: absolute;
    cursor: pointer;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    color: #CCCCCC;
    z-index: 5;
    background-color: #FCFCFC;
}
.textTeaser:hover{
   background-color:#D8DFEA;
    color: black;
}

.tagTeaser{
    width: 50px;
    padding-bottom: 3px;
    line-height: 20px;
    height: 20px;
    display:none;
    position: absolute;
    cursor: pointer;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    color: #CCCCCC;
    z-index: 5;
    background-color: #FCFCFC;
}
.tagTeaser:hover{
   background-color:#D8DFEA;
    color: black;
}

/** IMPORTED FROM WIKID2.css **/

#Wiki > h1 {
    font-size: 200%;
    border-bottom: 1px solid #CCC;

}

#Wiki > h2 {
    font-weight:bold;
    font-size: 132%;
}

#Wiki > h3 {
    font-weight:bold;
    font-size: 112%;
}

#Wiki > h4 {
    font-weight:bold;
    font-size: 105%;
}

#Wiki > h5 {
    font-weight:bold;
    font-size: 100%;
}

#title {
	font-size:2.4em;
	font-weight:normal;
	line-height:1.2em;
}
#titleHolder {
    position:relative;
	border-bottom: 1px solid #ccc;
    margin-top: 30px;
}

.toolsMenu {
    position: absolute;
    right: 5px;
    top: 0px;
    z-index: 30;
    cursor: pointer;
}

.toolsMenuHover {
    background-color: #AFBDD4;
}

.toolsMenu div {
    width: 110px;
    text-align: right;
}

.toolsMenu ul {
    display:none;
    background-color: green;
    margin: 0;
    padding:0;
    border: 1px solid #AFBDD4;
}

.toolsMenu li {
    background-color: white;
    list-style:none;
    padding: 3px 5px 3px 5px;
    
}

.toolsMenu li:hover {
    background-color: #AFBDD4;

}

#tagged_title {
    border-bottom: 1px solid #CCC;
    margin-top: 30px;
}

#lastmodified {
	color:#999999;
	font-size:90%;
	margin:0;
	padding:0 0 0 1em;
    text-align: right;
}

.content-container {
	margin-top: 1.4em;
}

#taglist {
    margin-top: 10px;
	text-align: left;
	list-style : none;
    padding: 5px 10px;
    position: relative;
}
#taglist > a {
	margin-right: 15px;
}

#tagged_as {
	list-style: square;
}

#Data {
    background-color: white;
    float:right;
/*    width: 30%; */
    min-width: 30%;
    -mox-box-shadow:  -15px 0px white;
    -webkit-box-shadow: -15px 0px white;
    box-shadow:  -15px 0px white;
}

.tagdata {
	margin-bottom: 8px;
	border: 1px solid #EFEFEF;

}

.tagdata > div {
		padding: 4px 4px 4px 13px;
}

.tagdata > .val {
	color: #999999;
    overflow: hidden;
}


.tagdataheader {\
	font-size: 125%;
	font-weight: normal;
	text-align : center;
	color: #000000;
}



#maincontent {

    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px 35px 30px 35px;
    min-height: 500px;


}

    /**
###########################################################
Used for the data rendering
*/

dt.inline {
	background-image:none;
	cursor:default;
	float:left;
	margin-left:0;
	padding-left:2px;
	padding-right:0.5em;
	padding-top:2px;

}

dt {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/toggle-collapse.gif) no-repeat scroll 0 3px;
	clear:left;
	color:#333333;
	cursor:pointer;
	line-height:1em;
	margin-left:-12px;
	padding-left:14px;
    text-transform: capitalize;
}

dt.collapsed {
	background-image:url(../images/toggle-expand.gif);
}
/**
###########################################################
*/

/************ Conversation tags! **************************/
.timeband {
	margin-top: 5px;
	height: 10px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
    width: 100%;
    padding: 0;
    margin:0;
}

#jplayer_scrubber {
    margin-left: 300px;
    font-size: 10px;
}

.marker {
	height: 3px;
	float: left;
	border-right: 1px solid #BBBBBB;
}

.markerTenMinute {
	height: 6px;
	border-right: 1px solid #AAAAAA;
}

.markerHour {
	height: 10px;
}

.timelabel {
	position: relative;
	top: -15px;
	left: 2px;
	font-size: 10px;
}
#playheadHolder {
    position: relative;
}

#playhead {
    position: absolute;
    width: 2px;
    background-color:#63DB93;

    z-index: 1;
    cursor: col-resize;
    z-index: 20;
}

.tagholder {
	/*height: 10px; /* this is default for tags with no content */
	background-color: #DDD;
	font-size: 10px;
}

.tagholder-level2 {
	background-color: #ADADAD;
	margin-top: 6px;
	margin-bottom: 6px;
}
.tagholder-level3 {
	background-color: #9D9D9D;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tagholder-level4 {
	background-color: #8D8D8D;
	margin-top: 6px;
	margin-bottom: 6px;
}
.tagholder-level5 {
	background-color: #7D7D7D;
	margin-top: 6px;
	margin-bottom: 6px;
}

.tagholder-level3 .streambar {
	background-color: #BDBDBD;

}

.tagContent{
	overflow: visible;
	/*height: 10px;*/
	white-space: nowrap;
	/*background-color: #CDCDCD;*/
	list-style-type: square;
	list-style-image: url('../images/mark.gif');
	color: #555555;
}
.tagContent2{
    border-left: 2px solid #999;
    padding-left: 3px;
	overflow-x: visible;
	/*height: 10px;*/
	white-space: nowrap;
	/*background-color: #CDCDCD;*/
    height: 16px;
	color: #555555;
    margin-bottom: 5px;
}

.tagContent2 img {
    margin: 0px ;

}

.tagContent2 img.tagIcon {
    margin-right: 5px;
}

.streambar {
	height: 12px;
	background-color: #999;
    border: none !important;
}

.tagtopic {
	position : relative;
	top : -15px;
	float:right;
	font-weight: bold;
	font-size: 10px;
	white-space: nowrap;
	overflow: visible;
    height: 10px;
}

#scrubber {
    margin-top: 0px;
    margin-bottom: 10px;
}

.freebase {
    width: 300px;
}

.freebase h1 {
    font-size: 20px;
}

.freebase h3 {
    font-size: 14px;
}

.fbPicture {
    float:right;
}


.one_px {
    height: 1px;
}


#recentlyChangedHolder {
    font-size: .7em;
}

#recentlyChangedHolder h2 {
    font-size: 12px;
    font-weight: bold;
}
#recentlyChangedHolder a {
    margin-left: 3px;
}

#segments {
    height: 20px;
    position: relative;

}

.segment {
    position: absolute;
    background-color: yellow;
    height: 19px;

}

.corner {
         border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;   

}

.playlist {
  
}

.hidden {
    display: none;
}

.dialogName {
    width: 200px;
}

#internalLink{
    z-index: 3;/* to handle the scroll of the topicList arrow */

}

.dialogInput {
    width: 90%;
}

.wikiTextButton {
    position: relative;
    top: -30px;
}

.externalLinks h3 {
    margin-top: 50px;
    border-bottom: 1px solid #CCCCCC;
}

.externalLink {
    display:inline-block;
    float: left;
    margin-right: 20px; margin-bottom: 20px;
    width: 102px;

    overflow: hidden;
}

.externalLink img{
    cursor: pointer;
    width: 100px;
    height: 75px;
    margin-left: 1px;
    margin-top: 1px;
}

.externalLink:hover {
    background: #EFEFEF;
}

.externalLinkTeaser {
    height: 20px;
    border: 1px solid #EEEEEE;
    cursor: pointer;
    background-color: #FCFCFC;
    color: #CCCCCC;
    float: right;
    margin-bottom: 5px;
    display: none;
}

.externalLinkTeaser:hover{
   background-color:#D8DFEA;
   color: black;
}

.slideshow {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #CCCCCC;
    width: 320px;
    height: 200px;

}

.slideshow img {
    width: 320px;
    height: 200px;
}

.playlist {
    
}

.playlistItem {
    /*border-bottom: 1px solid #DBDBDB; */
    padding: 0px 0px 3px 3px;
    border: none !important;
}

.playlistItem abbr {
    border: none !important;
}

.playlistItemControl {
    margin-right: 5px;
    height: 16px;
    width: 16px;    
}

.playlistItemControl img{
    position: relative;
    top: 4px;
    cursor: pointer;
}

.playlistItemText {
    color: #3F3F3F;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
}

.playlistToggle {
    cursor: pointer;
}

.playlistItemDuration {
    font-size: 9px;
    color: #CCCCCC;
    margin-left: 5px;
}

.playlistToggle {
    font-size:  10px;
    color: #888888;
    margin-left: 50px;
    width: 75px;
}

.playlistToggle:hover {
    background-color: #DCDCDC;
}

.spacer {
    margin-right: 5px;
}

.fbs-pane {
    z-index: 10000 !important;
}

.fbs-flyout-pane {
   z-index: 10000 !important; 
}

#twtr-search-widget {
    width: 300px;
}

#twtr-search-widget ul {
    margin: 0;
    padding-left: 0;
}

#twtr-search-widget li {
    list-style:none;
    margin-left: 5px;
}